<html>
    <head>
      <title>Water Popup</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
      <style>
        .wrapper{ 
          width: 750px;
          height: 300px;
        }
        .btn {
          margin-bottom: 20px;
        }
      </style>
    </head>
    <body>
      <div class="wrapper container">
        <h2>browserAction </h2>
        <button class="btn btn-primary" id="setTitle">setTitle</button>
        <button class="btn btn-primary" id="getTitle">getTitle</button>
        <button class="btn btn-primary" id="setPopup">setPopup</button>
        <button class="btn btn-primary" id="getPopup">getPopup</button> 
        <button class="btn btn-primary" id="setBadgeText">setBadgeText</button> 
        <button class="btn btn-primary" id="clearBadgeText">clearBadgeText</button> 
        <button class="btn btn-primary" id="getBadgeText">getBadgeText</button> 
        <button class="btn btn-primary" id="setBadgeBackgroundColor">setBadgeBackgroundColor</button> 
        <button class="btn btn-primary" id="getBadgeBackgroundColor">getBadgeBackgroundColor</button> 
      </div> 
      <script src="popup.js"></script>
    </body>
  </html>